{% extends 'base.html' %}

{% block  title %}<title>授课教师</title>{% endblock %}

{% block custom_bread %}
<section>
    <div class="wp">
        <ul class="crumbs">
            <li><a href="{% url 'index' %}">首页</a>></li>
            <li>授课教师</li>
        </ul>
    </div>
</section>
{% endblock %}

{% block main_content %}
<section>
    <div class="wp butler_list_box list">
        <div class='left'>
            <div class="butler_list layout">
                <div class="head">
                    <ul class="fl tab_header">
                        <li class="{% ifequal sort ''%}active{% endifequal %}"><a href="?sort={% ifnotequal search_keywords ''%}&keywords={{search_keywords}}{% endifnotequal %}">全部</a></li>
                        <li class="{% ifequal sort 'hot' %}active{% endifequal %}"><a href="?sort=hot{% ifnotequal search_keywords ''%}&keywords={{search_keywords}}{% endifnotequal %}">人气 &#8595;</a></li>
                    </ul>
                    <div class="fr butler-num">共<span class="key">{{ teacher_nums }}</span>人&nbsp;&nbsp;&nbsp;</div>
                </div>
                {% for teacher in page_teachers.object_list %}
                <dl class="des">
                    <dt>
                        <a href="{% url 'organization:teacher_detail' teacher.id %}">
                            <div class="picpic">
                                <img width="100" height="100" class="scrollLoading"
                                     src="{{ MEDIA_URL }}{{ teacher.image }}"/>
                            </div>
                        </a>
                    </dt>
                    <dd>
                        <a href="{% url 'organization:teacher_detail' teacher.id %}">
                            <h1 style="line-height: 40px">{{ teacher.name }}</h1>
                        </a>
                        <ul class="cont">
                            <li>工作年限：<span>{{ teacher.work_years }}年</span></li>
                            <li>工作职位：<span>{{ teacher.work_position }}</span></li>
                            <li>就职公司：<span>{{ teacher.work_company }}</span></li>
                            <li>年龄：<span>{{ teacher.get_age }}岁</span></li>
                            <li>教学特点：<span>{{ teacher.points }}</span></li>
                        </ul>
                    </dd>
                    <a class="buy buyservice" href="{% url 'organization:teacher_detail' teacher.id %}"><br/>查看<br/>详情</a>
                </dl>
                {% endfor %}

            </div>
            <div class="pageturn">
                    <ul class="pagelist">
                        {% if page_teachers.has_previous %}
                        <li class="long"><a href="?{{ page_teachers.previous_page_number.querystring }}">上一页</a></li>
                        {% endif %}
                        {% for page in page_teachers.pages %}
                            {% if page %}
                                {% ifequal page page_teachers.number %}
                                <li class="active"><a href="?{{ page.querystring }}">{{ page }}</a></li>
                                {% else %}
                                <li><a href="?{{ page.querystring }}">{{ page }}</a></li>
                                {% endifequal %}
                            {% else %}
                            <li class="none">...</li>
                            {% endif %}
                        {% endfor %}
                        {% if page_teachers.has_next %}
                        <li class="long"><a href="?{{ page_teachers.next_page_number.querystring }}">下一页</a></li>
                        {% endif %}
                    </ul>
                </div>
        </div>
        <div class="right layout">
            <div class="head">讲师排行榜</div>
            {% for teacher in rank_teachers %}
            <dl class="des">
                <span class="num fl">{{ forloop.counter }}</span>
                <a href="{% url 'organization:teacher_detail' teacher.id %}">
                    <dt>
                        <img width="50" height="50" class="scrollLoading"
                             src="{{ MEDIA_URL }}{{ teacher.image }}"/>
                    </dt>
                </a>
                <dd>
                    <a href="{% url 'organization:teacher_detail' teacher.id %}">
                        <h1 title="bobby">{{ teacher.name }}</h1>
                    </a>
                    <p>工作年限：<span>{{ teacher.work_years }}年</span></p>
                </dd>
            </dl>
            {% endfor %}
        </div>
    </div>
</section>
{% endblock %}

